<template>
    <div class="yybox four-cornor-wrapper" style="background:#fff;">
      <i class="l"></i>
      <i class="r"></i>
      <i class="t"></i>
      <i class="b"></i>
      <!-- main -->
      <h2 class="common-title">
        <span class="main">慢病常识</span>
      </h2>
      <!-- product-list -->
      <div v-if ="infoArr.length > 0">
        <ul class="product-list">
          <li class="product-list-item" v-for="(v, i) in infoArr" :key="i" @click="viewProduct(v)">
            <div class="product-img"><img :src="v.image" /></div>
            <div class="product-title">
              <div class="topTitle">
                {{v.title}}
              </div>
              <p class="content">
                {{v.intro}}

              </p>
              <p class="pTime">
                发布日期: {{v.time}}
              </p>
            </div>
          </li>
        </ul>
        <!-- <div class="clearfix mt20" >
          <div class=" fr">
            <el-pagination
              @size-change="handleSizeChange"
              @current-change="handleCurrentChange"
              :current-page="params.pagenum"
              :page-sizes="[12, 24, 36, 48]"
              :page-size="params.pagesize"
              layout="total, sizes, prev, pager, next, jumper"
              :total="total">
            </el-pagination>
          </div>
        </div> -->
      </div>
      <div class="no-data" v-else>暂无数据</div>
      <!-- end product list -->
    </div>
</template>
<script>
export default {
  data () {
    return {
      params: {
        areaId: 403890,
        // gcId: '',
        // gcId1: '',
        keyWord: '',
        orderId: 10,
        pagenum: 1,
        pagesize: 12,
        appCode: 'resident'
      },
      products: [],
      total: 0,
      infoArr: [
        {id:81,title: '脂肪长在肝脏最危险！脂肪肝患者该如何治疗？', time: '2018-05-17', image: require('../../assets/info/chronic1.jpg'), intro:"如果你以为脂肪肝还是中年大叔特有的标签，那就大错特错了，近年来脂肪肝的发病率大幅提升，并呈现出年轻化的趋势。每年各单位组织职工体检的时候，消化内科的门诊量往往要增加不少。绝大部分求诊者手里都拿着一份超声报告，结论处写道：脂肪肝。再打量一下这些「脂肪肝患者」，有的大腹便便，有的油光满面，有的酒气熏天，而有的怎么看都不像患者。", topContent: '<p><span>&nbsp; &nbsp; 药品容易受到光线、温度、湿度、微生物的影响与破坏。如药品存放不当，或存放过久，会使药品质量下降或变质无效，用这样的药品会造成不良后果。</span></p>', content: `什么是脂肪肝？<br>各种内因和外因造成脂肪在肝脏中过量堆积，肝脏中脂肪含量超过5%，医学上称为脂肪肝。肝脏的脂肪中主要为中性脂肪即甘油三脂，也有少量胆固醇、卵磷脂。脂肪量超过5%为轻度脂肪肝，超过10%为中度脂肪肝，超过25%为重度脂肪肝。轻度脂肪肝不易被重视，其危害隐蔽性大。有可能引发5种常见病：①肝硬化和肝癌，脂肪肝患者并发肝硬化、肝癌的概率是正常人的150倍。②内分泌系统疾病。③动脉粥样硬化和心脑血管疾病。④影响性功能。⑤影响视力。<br>轻度脂肪肝是由哪些原因引起的？<br>轻度脂肪肝由很多原因引起，如肥胖、饮酒、糖尿病、药物中毒、高脂血症或者肝炎等，也有可能因近期生活方式或饮食习惯突然改变引起。<br>身体出现哪些症状是脂肪肝的征兆呢？<br>1.食欲不振、乏力、肝区闷胀不适或疼痛<br>为肝病患者常有的症状，患者若出现食欲不振、乏力、厌油、腹胀、肝区隐痛等，排除感冒、急性胃炎以及其他肝病，均应怀疑患脂肪肝的可能。<br>2.恶心呕吐<br>脂肪肝若伴有肝功能损害，可伴有恶心欲呕、厌油、上腹胀等消化道症状。<br>3.肝脏肿大<br>约90%脂肪肝患者的肝脏可扪及，30%轻度肝肿大，如肝脏贮脂占肝重的40%以上时，可有明显肝大，但为无痛性。肝脏虽肿大，而其形态依然保持正常。若检查肝脏时其质地正常，或稍觉柔软，并且表面平滑且无触痛，便应考虑到脂肪肝的可能性。但因为脂肪肝其质地较柔软，所以虽然肿大而在腹壁下触诊往往难以触及。<br>4.内分泌失调<br>肝脏为许多内分泌激素代谢灭活场所，脂肪肝时，男性患者可能有乳房发育、睾丸萎缩、阳痿，女性患者可有月经过多、闭经、体重减轻或增加等表现。<br>5.维生素缺乏症<br>脂肪肝时由于脂肪堆积合并饮食中维生素缺乏，患者易出现多种维生素缺乏症。临床可见周围神经炎、舌炎、口角炎、皮干瘀斑、角化过度等。<br>6.黄疸<br>脂肪肝时黄疸类型常为肝细胞性，该型黄疸常伴有乏力、倦怠、食欲不振等症状。有临床资料显示，脂肪肝患者仅少数出现轻度黄疸。肝内脂肪被清除后黄疸即消退。<br>体检发现轻度脂肪肝应该怎么办？<br>轻度脂肪肝的治疗在使用药物的同时配合修正个体脂肪肝发病原因进行生活习惯和饮食调整，轻度脂肪肝治疗应采用综合疗法。<br>1.一般治疗<br>包括：培养正确的饮食习惯，戒除不良生活陋习，多做有氧运动；<br>2.药物治疗<br>血糖紊乱者，改善胰岛素抵抗，控制血糖；血脂代谢紊乱者，应用降血脂药，调整血脂；西药为主，副作用是易造成药物性肝损伤。<br>3.电生理疗法<br>采用治疗仪促进肝内脂肪转运，理疗治标不调理。<br>4.运动疗法<br>受个人体质、环境影响大，缺乏计划性连续性。可起到辅助改善作用。<br>5.补食疗法<br>欠缺指导性和持久性。<br>6.中医治疗<br>轻度脂肪肝属于单纯性脂肪肝，为避免治疗损伤，建议采用中医治疗调理，调理侧重于生活习惯的修正、饮食结构的调整。<br>生活中如何预防脂肪肝？<br>1.合理饮食<br>饮食多加注意：控制高能量、高糖、高脂肪饮食可以有效预防脂肪肝。适当减少食量，特别是减少脂肪和糖类的摄入，多食豆制品和含有B族维生素的食物。调整饮食结构，提倡高蛋白质、高维生素、低糖、低脂肪饮食。从饮食上做到有效的预防脂肪肝的发生。<br>2.适当运动<br>每天坚持体育锻炼，可视自己体质选择适宜的运动项目。从小运动量开始，循序渐进，逐步达到适当的运动量。运动能减轻肝脏的损害并改善肝功能，有利于肝脏各种功能的正常发挥、脂肪代谢的正常进行。<br>3.禁忌饮酒<br>饮酒过量者要坚决戒酒，避免酒精对肝脏进一步损害。`},
        {id:82,title: '高血脂必读：4条饮食原则要谨记', time: '2018-12-10', image: require('../../assets/info/chronic2.jpg'), intro:"据了解，目前治疗高血脂主要用他汀类药物，其副作用几率都在1%以下，比较安全。但合理饮食更是治疗根本。若是单纯高胆固醇，则要少吃蛋黄、动物内脏等；若是单纯高甘油三脂，则应限制食物总量，尤其避免吃碳水化合物。", topContent: '<p>&nbsp;<span>&nbsp; &nbsp; 人体自然的生物节律就犹如心脏跳动一样重要，体内无一器官没有各自的节律，节律消失就意味着人体的死亡。医生和药物学家认识到，按一定的时间表服用药物，可以收到更好的药用效果。下面将部分药品服用的最佳时间介绍如下。</span></p>', content: `高血脂要注意4个饮食原则<br>1、饮食宜清淡<br>提倡素食为主，素食方式可使高血压患者血压降低。因此高血压患者饮食宜清淡，宜高维生素、高纤维素、高钙、低脂肪、低胆固醇饮食。总 脂肪小于总热量的30%，蛋白质占总热量15%左右。提倡多吃粗粮、杂粮、新鲜蔬菜、水果、豆制品、瘦肉、鱼、鸡等食物，提倡植物油，少吃猪油、油腻食品 及白糖、辛辣、浓茶、咖啡等。<br>2、降低食盐量<br>吃钠盐过多是高血压的致病因素，而控制钠盐摄入量有利于降低和稳定血压。临床试验表明，对高血压病人每日食盐量由原来的10.5克降低到4.7—5.8克，可使收缩压平均降低4—6毫米汞柱。<br>3、戒烟、戒酒<br>烟、酒是高血压病的危险因素，嗜烟、酒有增加高血压并发心、脑血管病的可能，酒还能降低病人对抗高血压药物的反应性。因此对高血压病人要求戒烟戒酒，戒酒有困难的人也应限制饮酒。<br>4、饮食有节<br>做到一日三餐饮食定时定量，不可过饥过饱，不暴饮暴食。<br>治疗高血脂有这些误区<br>误区一、化验单上的数字在正常值内，就代表没事<br>对正常人来说，160毫克以下的坏胆固醇含量属正常；对冠心病人来说，100毫克以下才达标；对同时患有冠心病和高血压的病人来说，则必须把它控制在80毫克以下。<br>误区二、药物治疗和饮食治疗失衡<br>这可以分两类人，一类是不敢用药，总觉得有副作用，于是只重视饮食；另一种是见什么药都买，觉得吃了药就没事了，照样大鱼大肉。<br>据了解，目前治疗高血脂主要用他汀类药物，其副作用几率都在1%以下，比较安全。但合理饮食更是治疗根本。若是单纯高胆固醇，则要少吃蛋黄、动物内脏等；若是单纯高甘油三脂，则应限制食物总量，尤其避免吃碳水化合物。<br>目前国内针对高血脂人群的饮食方案包括：主食每天4两（女）、6两（男），以麦片、糙米、南瓜等为佳；减少饱和脂肪酸摄入，少吃肥肉，每人每天烹调用油少于25克。增加不饱和脂肪酸摄入，每周吃两次鱼，用橄榄油代替其他烹调用油；不吃动物内脏，蛋黄每周不超过2个；每天蔬菜1斤、水果一两个。<br>误区三、血脂降下来就不用再管它了<br>可以说，高血脂是伴随一生的。但如果它是糖尿病、肝病等病症的伴随症状，就能在原发病控制或停药后恢复正常。`},
        {id:83,title: '这些高血压的秘密你知道多少呢？', time: '2018-04-06', image: require('../../assets/info/chronic3.jpg'), intro:"高血压是我们常见的疾病，患上了高血压往往就意味着需要终身用药，但长期吃药不仅会有副作用，还会对人体的肝脏和肾脏功能造成损害。那么今天，好营养师先带大家来讲解一下血压是怎么高上去的？", topContent: '<p><span>&nbsp; &nbsp; 临床表现皮疹多发生于颜面，尤其是颊、额、鼻旁等，皮疹炎症明显，或有口臭口干，脓疱，尿黄便结，苔黄，舌质红，脉数。此时，可以服用清胃黄连丸，能起到很好的疗效。那么，清胃黄连丸不良反应是什么?可以长期用吗?</span></p>', content: `要想知道血压是怎么高上去的，就必须要明白高血压是为了什么？那么高血压是为了什么呢？高血压是为了加速我们的血液循环，使血液能够迅速的流到我们身体的各个器官细胞，进行养分和氧气的供给！<br>正常人是不会有高血压的，如果我们血管里面有很多的血脂、血栓、乳酸等垃圾，造车了淤堵，我们的血流速度就会减慢。那么血液输送氧气和养分的效率就会降低，所以我们身体为了充分供给血氧，就需要加大压力进行血液循环。<br>谈到高血压，我们要谈一下高血压到底是怎么回事。血压是用来运送血液的，在没有充分的血压时，血流速度就会变慢，只有适当的血压才能将血液送到全身。可是如果血压太低就送不动，太高就会造成血管受到压力，挤压，甚至挤破，造成脑溢血。<br>许多人在被西医宣布有高血压时，当场血压就更高了，也不管三七二十一，立刻开始服用降血压药，因为西医告诉他不吃就会中风，从此病人恶梦就开始了，诸位只要稍微深入的想一下，告诉你有高血压的医师，有没有同时告诉你为什么你有高血压？是什么原因造成你有高血压？<br>现在来看一看造成高血压的原因。<br>第一，血管由于缺少蛋白质、维生素C、维生素E、钙当中的任何一种，血管就会慢慢失去弹性，变成一个弯管，使血液输送困难，不得不加大血压使血液流得比较顺畅。<br>第二个原因，如果血脂肪、胆固醇太高，造成血液的粘稠度太高，就象长江的上游，水流速度非常快，水非常清澈，没有垃圾，下面没有沙子。到了下游，水流速度变慢，整个水面上漂着一大堆的垃圾，底下都是沙子。同样的，当血液的粘稠度增加以后，血流的速度变慢，血管上就会沉积许多附着物，越来越多，这时候血流的速度越来越慢。<br>但是身体是不允许血流速度变慢的，因为全身的每一个细胞都需要透过血流输送养分，然后才可以生存下来，才可以继续新陈代谢。当血流速度变慢的时候，大脑、手脚全部会发出警报，手会麻，手会痛，头会痛，头涨，头会感觉昏昏沉沉，全部是身体发出警报，“我要养分……！快供养。<br>所以很多的医学工作者经常会强调，高血压的病人要降血压。他强调胆固醇、高血脂会造成高血压，可是他忽略了一点，胆固醇、血脂肪是没有能力调血压的，血压高不是胆固醇、血脂造成的，是胆固醇和血脂造成血液粘稠度增加，血流速度减慢，是身体把血压调上来的，不是胆固醇去调的，胆固醇没有那个能耐。是身体当发现血流速度变慢的时候不得不把血压调上来。身体调高血压是要花费很大的力气的。是要透过肾脏不断地分泌荷尔蒙来收缩肌肉组织，来加大血压，才可以帮助血流恢复正常。`}
      ]
    }
  },
  filters: {
    fixed (val) {
      return val.toFixed(2)
    }
  },
  mounted () {
    // this.getProducts()
  },
  methods: {
    handleSizeChange (val) {
      this.params.pagesize = val
      this.getProducts()
    },
    handleCurrentChange (val) {
      this.params.pagenum = val
      this.getProducts()
    },
    viewProduct (i) {
      sessionStorage.setItem('curInfo', JSON.stringify(i))
      this.$router.push('/info/detail')
    },
    searchHandle (val) {
      this.params.keyWord = val
      this.getProducts()
    },
    getProducts () {
      this.$store.commit('UPDATE_LOADING')
      commonAjax(['app/shop/goods/list', this.params], `${PLATFORM_PREFIX}.shoppingMallService`, 'doPost').then(res => {
        this.$store.commit('UPDATE_LOADING')
        if (res.data.code === 200) {
          let body = JSON.parse(res.data.body)
          if (body.data.total > 0) {
            console.log(body.data.goods)
            this.total = body.data.total
            this.products = body.data.goods
          } else {
            this.products = []
          }
        }
      })
    },
    orderProduct () {
      if (this.params.orderId === 10) {
        this.params.orderId = 11
      } else {
        this.params.orderId = 10
      }
      this.getProducts()
    },
    priceProduct () {
      if (this.params.orderId === 20) {
        this.params.orderId = 21
      } else {
        this.params.orderId = 20
      }
      this.getProducts()
    }
  }
}
</script>

<style lang="less" scoped>
@import '../../common/css/vars.less';
.common-title {
  padding: 20px;
  border-bottom: 2px solid #FCF6F2;
  overflow: hidden;
  .main {
    float: left;
    color: @color-primary;
    font-size: 1.2em;
  }
  .sub {
    float: left;
    margin-left: 80px;
    margin-top: 12px;
    color: #666;
    font-size: 14px;
    .iconfont {font-size: 12px;}
    dt , dd{float: left;margin-left: 20px;cursor: pointer;}
  }
}
.product-list{
  overflow: hidden;
  padding: 20px;
  >.product-list-item {
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 20px;
    border: 1px solid @color-border;
    padding: 10px;
    transition: all .5s;
    cursor: pointer;
    overflow: hidden;
    &:hover{
      border-color: #EAD0C3;
      box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
    }
    .product-img{
      width: 200px;
      height: 160px;
      float: left;
      margin-right: 20px;
      position: relative;
    }
    .product-img > img {
      width: 80%;
      // height:100%;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%,-50%);
    }
    .product-title {
      width: 760px;
      float: left;
      .topTitle{
        width: 100%;
        line-height: 2;
        font-size: 16px;
      }
      .content{
        width: 100%;
        line-height: 1.5;
        font-size: 14px;
        color:#666;
      }
      .pTime{
        margin-top: 30px;
        color:#666;
        font-size: 12px;
      }
    }
  }
}
</style>
